<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<link rel="stylesheet" href="./51hhxx.css">
<link rel="stylesheet" href="./rerest22.css.css">
<style type="text/css">
</style>
</head>
<body>
<header>
<!--logo 搜索 用户信息开始-->
<div class="content-box h-top">
<a class="logo" href=""><img src="./img/logo.png" width="100%" height="100%" ></a>
<form class="search" action="" method="post">
<input class="inp-l fl" type="text" name="" placeholder="请输入..."/>
<input class="inp-r fr" type="submit" value="搜索" />
</form>
<div class="user">
<a href=#"">帮助中心</a>
<a href=#"">登陆/注册</a>
</div>
</div>
<!--logo 搜索 用户信息结束-->
<!--导航开始-->
<!--导航结束-->
</header>
</body>
</html>
Css:
/*公共样式*/
.content-box{width:1300px;margin:0 auto;}
/*公共样式*/
.h-top{
height:88px;position:relative;background:#ccc;
}
.h-top .logo{
width:214px;height:58px;display:block;
position:absolute;left:0;top:15px;
}
.h-top .search{
width:248px;height:36px;border:1px solid #ccc;border-radius:18px;
background:#fff;
position:absolute;left:50%;margin-left:-165px;top:22px;
overflow:hidden;
}
.h-top .search .inp-l{
width:250;height:34px;border:none;padding:0 20px;
}
.h-top .search .inp-r{
width:60;height:34px;border:none;border-radius:18px;background:#ACCE22;
}
.h-top .user{
width:180px;height:28px;line-height;28px;
position:absolute;right:0;top:30px;
}
.h-top .user a{
display:inline-block;width:76px;height:28px;
text-align:center;font-size:16px;color:black;
}
返回值：